@use "transition";
@use "element-plus";
@use "dark";
@use "main";

/* 自定义全局 CssVar */
:root {
  /* 展开、收起动画时长 */
  --blog-transition-duration: 0.3s;

  /* 常用border-color 需要时可取用 */
  --header-border: 1px solid rgba(145, 142, 142, 0.158);

  /* switch关闭状态下的color 需要时可取用 */
  --switch-off-color: #a6a6a6;

  //header
  --header-bg: transparent;
  --header-bg-affixed: rgba(255, 255, 255, 0.8); /* 或你的主题色 */

  --post-hover-bg: #f0fdf4;
}
.tag-underline-animate {
  position: relative;
  cursor: pointer;
  transition: color 0.2s;
}

.tag-underline-animate::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.tag-underline-animate:hover::after {
  width: 100%;
}
